<style scoped>
</style>
<template>
  <div>
  <ul>
    <li>
      <label for="">数据绑定</label><input v-model="param.bindList" type="text">
    </li>
    <li>
      <label for="">显示数量</label><input v-model="num" type="number">
    </li>
    <li>
      <label for="">筛选类型</label>
      <select name="" v-model="param.types" id="">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </li>
    <li>
      <label for="">显示类型</label>
      <select name="" v-model="param.class" id="">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </li>
  </ul>
  <p class="text-center editor-foot">
    <button class="btn" @click="save">保存</button>
    <button class="btn" @click="close">取消</button>
  </p>
  </div>
</template>

<script>
  import mixin from './mixin'
  export default {
    mixins:[mixin],
    data() {
      return {
        num: this.data.list.length,
        param: {
          type:4,
          title: this.data.title,
          list:[''],
          bindList: this.data.bindList,
          types: this.data.types,
          class: this.data.class
        }
      };
    },
    watch: {
      num () {
        this.param.list = []
        for(let i = 0; i < this.num; i++){
          this.param.list.push('11')
        }
      }
    },
    mounted () {
    },
    methods: {
    }
  }
</script>
